.add_page {
    min-height: 100vh;
    background: linear-gradient(180deg, rgba(51, 136, 255, 1) 0%, rgba(51, 136, 255, 0.54) 31.38%, rgba(51, 136, 255, 0.01) 100%);
    box-sizing: border-box;
}

.banner {
    img {
        width: 100%;
    }
}

.form_box {
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(27, 95, 222, 0.2);
    padding: 8px 16px 20px 16px;
    box-sizing: border-box;
    margin: 0px 12px;

    .form_item {
        position: relative;
        display: flex;
        align-items: center;
        padding: 12px 0;

        .label {
            flex-shrink: 0;
            font-size: 15px;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);

            .tips {
                font-size: 12px;
                font-weight: 400;
                color: rgba(153, 153, 153, 1);
            }
        }

        .input_box {
            flex: 1;
            padding-left: 10px;

            .a_input {
                flex: 1;
                width: 100%;
                height: 100%;
                text-align: right;
                border: 0;
                outline: none;
                font-size: 15px;
                font-weight: 400;
                color: rgba(51, 51, 51, 1);
                box-sizing: border-box;
                padding: 0;
            }

            .van_uploader {
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }

            .upload_img {
                width: 22px;
                height: 22px;
            }
        }

        .van_icon {
            margin-left: 4px;
            color: #666;
        }
    }

    .form_item_tips {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 12px;
        color: rgba(153, 153, 153, 1);
        padding-top:0;
        .img{
            width: 12px;
            height: 12px;
        }
    }

    .form_item:after {
        display: block;
        content: "";
        height: 0.5px;
        background: #e6e6e6;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.5;
    }

    .form_item_no_line:after {
        display: none;
    }

    .btn_group {
        margin-top: 28px;

        .btn {
            width: 100%;
            height: 50px;
            border-radius: 12px;
            background: #3388FF;
            border: 0;
            outline: none;
            font-size: 18px;
            font-weight: 500;
            color: rgba(255, 255, 255, 1);
        }

        .btn:active {
            opacity: 0.8;
        }

        .show_tips {
            font-size: 11px;
            font-weight: 400;
            color: rgba(153, 153, 153, 1);
            margin-top: 12px;
        }
    }
}

.tag_box {
    display: flex;
    justify-content: flex-end;

    .tag {
        width: 46px;
        height: 28px;
        border-radius: 3px;
        background: rgba(245, 245, 245, 1);
        text-align: center;
        line-height: 28px;

        font-size: 14px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        margin-left: 16px;
    }

    .tag:first-child {
        margin: 0;
    }

    .tag_active {
        background: rgba(51, 136, 255, 1);
        color: #fff;
    }
}

.footer {
    text-align: center;
    padding: 0 8px;
    margin-top: 36px;

    img {
        width: 100%;
    }
}